JavaScript運算子(Operator)

對數字、字串、物件等等進行運算符號

• 算術運算子：對數值進行加、減、乘、除、指數、取模
• 字串運算子：對字串進行連接、重複、子串
• 邏輯運算子：對布林值進行比較、邏輯判斷
• 賦值運算子：將一個值給另一個變量
• 其他運算子：位元運算子、比較運算子、條件運算子、三元運算子

算術運算子

let x = 1;
let y = 2;
let sum = x + y;
console.log(sum); // 3

let x = 1;
let y = 2;
let difference = x - y;
console.log(difference); // -1

let x = 1;
let y = 2;
let product = x * y;
console.log(product); // 2

let x = 1;
let y = 2;
let quotient = x / y;
console.log(quotient); // 0.5

let x = 5;
let power = x ** 2;
console.log(power); // 25

let x = 10;
let y = 20;
let remainder = x % y;
console.log(remainder); // 10

算術運算子有一定優先順序，較高運算子會先被計算

• 指數運算
• 乘除運算
• 加減運算

當兩個或多個運算子的優先序相同時，將從左至右進行計算

let x = 10;
let y = 20;

// 指數運算優先於乘法
let result = 2 ** 3 * 4;
console.log(result); // 32

// 乘法優先於加法
let result = 2 * 3 + 4;
console.log(result); // 10

字串運算子

let str = "Hello World";

// 連接運算
let Str1 = "Hello" + "World";
console.log(Str1); // "HelloWorld"

// 重複運算
let Str2 = "Hello" * 3;
console.log(Str2); // "HelloHelloHello"

// 取子串運算
let substring = str[0];
console.log(substring); // "H"

substring = str[0:5];
console.log(substring); // "Hello"

substring = str.slice(0, 5);
console.log(substring); // "Hello"

邏輯運算子

console.log(4 != "4"); // false
console.log(4 !== "4"); // true
console.log(4 != "3"); // true
console.log(4 !== "3");// true

// The Value are same
console.log(3 == "3")// true

console.log(3 == 4)// false
console.log(3 == "4"); // false

//The Value and type are same
conlog.log(3 === "3") // true

console.log(3 === "4"); // false

賦值運算子

let a = 10;
let b = 20;

// 賦值
a = b;
console.log(a); // 20

// 加等於
a += 10;
console.log(a); // 30

// 減等於
a -= 10;
console.log(a); // 20

// 乘等於
a *= 10;
console.log(a); // 200

// 除等於
a /= 10;
console.log(a); // 20

// 指數等於
a **= 2;
console.log(a); // 400

// 取模等於
a %= b;
console.log(a); // 0

位元運算子

// 位元運算
const a = 1;
const b = 2;

console.log(a & b); // 0
console.log(a | b); // 3
console.log(a ^ b); // 2
console.log(~a); // -2
console.log(a << 2); // 4
console.log(a >> 2); // 0

比較運算子

// 比較運算
const x = 1;
const y = 2;

console.log(x == y); // false
console.log(x != y); // true
console.log(x > y); // false
console.log(x >= y); // false
console.log(x < y); // true
console.log(x <= y); // true

條件運算子

根據條件真假來選擇執行程式碼運算子

三元運算子

是一種特殊條件運算子，可以簡化條件判斷程式碼

// 條件運算
const age = 18;
const message = age >= 18 ? "成年" : "未成年";

console.log(message); // 成年

// 三元運算
const isAdult = age >= 18;
const message = isAdult ? "成年" : "未成年";

console.log(message); // 成年